@charset "utf-8";

.zqArea .p2 { max-height:50vh; overflow-y:auto; }
	
@media all and (min-width:1200px){
	html, body {height: 100%;}
	html, body .wrapper { width:100%; height: 100%;}
}	
	
.container { position: relative; width: 100%; }

.swiper-container-body { width: 100%;  height: 100%; }
.swiper-wrapper-body { /*transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;*/ }
.section { position:relative; background-size:cover!important; }

.swiper-pagination-body { position:absolute; right:20px!important; z-index:99; }
.swiper-pagination-body .swiper-pagination-bullet { width:16px; height:16px; margin:5px 0!important; border-radius:100%; background:url(ss01.png) no-repeat center; opacity:1; }
.swiper-pagination-body .swiper-pagination-bullet-active { background:url(ss02.png) no-repeat center; }
 
 
@media all and (max-width:1200px){
	.swiper-container-body { height:auto!important; }
	.swiper-wrapper-body { height:auto!important; display:block!important; }
	.swiper-wrapper-body .swiper-slide { height:auto!important; display:block!important; }
	
	
	.swiper-pagination-body { display:none!important; }
}

@keyframes scale{0%{-webkit-transform: scale(1.2); transform: scale(1.2);}}

.banner { position:relative; width:100%; height:100%; overflow:hidden; }
.banner .swiper_banner { width:100%; height:100%; overflow:hidden; }
.banner .swiper_banner .swiper-slide { position:relative; width:100%; height:100%; overflow:hidden; }
.banner .swiper_banner .swiper-slide a { display:block; width:100%; height:100%;}
.banner .swiper_banner .swiper-slide-active a{-webkit-animation: scale 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);animation: scale 6s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);}
.banner .swiper_banner .swiper-slide a.a1 { display:block; }
.banner .swiper_banner .swiper-slide a.a2 { display:none; height:auto; }
.banner .swiper_banner .swiper-slide a.a3 { display:none; height:auto; }

.banner .swiper_banner .swiper-slide .num { position:absolute; right:50%; margin-right:-650px; bottom:9vh; font-size:26px; font-family:"Arial"; line-height:1.1; color:#fff; z-index:9 }
.banner .swiper_banner .swiper-slide .num i { font-size:52px; }
 
.banner .swiper_banner .pagination01 { width:auto; font-size:0; position:absolute; left:50%; transform: translateX(-50%); bottom:5vh; z-index:9} 
.banner .swiper_banner .pagination01 span{ display:inline-block; vertical-align:top; width:21px; height:21px; margin:0 10px 0 0; box-sizing:border-box; background:url(ban02.png) no-repeat center; opacity:1; }
.banner .swiper_banner .pagination01 span.swiper-pagination-bullet-active{ background:url(ban03.png) no-repeat center; }

.banner .ban01 { position:absolute; left:50%; margin-left:-850px; bottom:0; z-index:5; }

@media all and (max-width:1780px){
	/* .banner .swiper_banner .pagination01 { margin-left:-800px; bottom:280px; }  */
	
	.banner .ban01 { margin-left:-800px; }
}
@media all and (max-width:1680px){
	/* .banner .swiper_banner .pagination01 { margin-left:-600px; bottom:230px }  */
	
	.banner .ban01 { margin-left:-600px; }
}
@media all and (max-width:1380px){
	.banner .swiper_banner .swiper-slide .num { margin-right:-600px; }
	/* .banner .swiper_banner .pagination01 { margin-left:-600px; bottom:50px }  */
	
	.banner .ban01 { display:none; }
}
@media all and (max-width:1200px){
	.banner .swiper_banner .swiper-slide .banvideo { display:block; }
	.banner .swiper_banner .swiper-slide a.a1 { display:none; }
	.banner .swiper_banner .swiper-slide a.a2 { display:block; }
	.banner .swiper_banner .swiper-slide a.a3 { display:none; }
	
	.banner .swiper_banner .swiper-slide .num { display:none; right:5%; margin-right:0; bottom:20px; font-size:14px; }
	.banner .swiper_banner .swiper-slide .num i { font-size:28px; }
	
	.banner .swiper_banner .pagination01 { left:0; right:0; width:100%; transform: translateX(0); text-align:center; margin-left:0; bottom:15px; } 
	.banner .swiper_banner .pagination01 span { width:8px; height:8px; margin:0 5px; background:none; border:2px solid #fff; }
	.banner .swiper_banner .pagination01 span.swiper-pagination-bullet-active{ background:#fff; }
}

@media all and (max-width:750px){
	.banner .swiper_banner .swiper-slide a.a1 { display:none; }
	.banner .swiper_banner .swiper-slide a.a2 { display:none; }
	.banner .swiper_banner .swiper-slide a.a3 { display:block; }
}

.banner-home { position:relative; display:none; }
.banner-home .swiper_banner .pagination01 { left:0; right:0; width:100%; font-size:0; position:absolute; bottom:15px; text-align:center; z-index:9; } 
.banner-home .swiper_banner .pagination01 span{ display:inline-block; vertical-align:top; width:8px; height:8px; margin:0 5px; box-sizing:border-box;  background:none; border:2px solid #fff; opacity:1; }
.banner-home .swiper_banner .pagination01 span.swiper-pagination-bullet-active{ background:#fff; }


@media all and (max-width:750px){
	.banner { display:none; }
	.banner-home { display:block; }
}


 
.section02 { background:url(section02.jpg) no-repeat center; }
.section03 { background:url(section03.jpg) no-repeat center; }
.section05 { background:url(section05.jpg) no-repeat center; }

.section05-bg { position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; overflow:hidden; }
.section05-bg img { width:100%; height:100vh; transition: all 3s; }
.swiper-slide-active .section05-bg img { transform: scale(1.2)!important; }

@media all and (max-width:1200px){
	.section05-bg { display:none; }
}

.aArea { position:absolute; left:0; right:0; top:50%; transform: translateY(-50%); margin-top:40px; z-index:2; }
.aArea .txt { float:left; width:38%; line-height:1; }
.aArea .txt .p1 { width:16px; height:5px; background:#cf121b; }
.aArea .txt .p2 { font-size:34px; color:#000; margin-top:45px; }
.aArea .txt .p2 span { font-weight:bold; text-transform:capitalize; }
.aArea .txt .p3 { font-size:18px; color:#d0121b; margin-top:55px; }
.aArea .txt .p4 { font-size:24px; color:#000; margin-top:30px; line-height:1.6; }
.aArea .txt .p5 { font-size:14px; color:#666; margin-top:40px; line-height:1.8; }
.aArea .txt .p6 { margin-top:60px; }


.mBtn a { display:block; width:130px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#000; border:1px solid #c3c3c3; border-radius:5px; }
.mBtn a i { position:relative; display:inline-block; padding-right:25px; }
.mBtn a i:before { position:absolute; right:0; top:50%; margin-top:-6px; display:block; content:""; width:14px; height:12px; background:url(jt02.png) no-repeat center; z-index:0; transition: all 0.6s; }

.mBtn a:hover { color:#fff; border-color:#d0121b; background:#d0121b; }
.mBtn a:hover i:before { background:url(jt03.png) no-repeat center; transform: rotate(35deg); }


.aArea .pic { float:right; width:47.18%; position:relative; }
.aArea .pic img { max-width:100%; }
.aArea .pic .img2 { position:absolute; top:10%; max-width:84%; z-index:2; animation: 14s ease 0s normal none infinite running down_btn2; }
.aArea .pic .img3 { position:absolute; right:0; bottom:10%; max-width:84%; z-index:2; animation: 14s ease 0s normal none infinite running down_btn3; display:none; }
 
@media all and (max-width:1680px){
	.aArea .txt .p2 { font-size:28px; margin-top:30px; }
	.aArea .txt .p3 { font-size:16px; margin-top:35px; }
	.aArea .txt .p4 { font-size:20px; margin-top:20px; }
	.aArea .txt .p5 { font-size:14px; margin-top:25px; line-height:1.7; }
	.aArea .txt .p6 { margin-top:40px; }
	
	.mBtn a { width:120px; height:35px; line-height:35px; font-size:14px; }
}
@media all and (max-width:1200px){
	.aArea { position:relative; top:auto; transform: translateY(0); margin-top:0; padding:60px 0; z-index:5; }
	.aArea .txt { float:left; width:45%; }
	.aArea .pic { float:right; width:50%; }
}
@media all and (max-width:900px){
	.aArea .txt { float:none; width:100%; }
	.aArea .pic { float:none; width:100%; margin-top:30px; }
}
@media all and (max-width:750px){
	.aArea { padding:30px 0; }
	.aArea .txt { overflow:hidden; }
	.aArea .txt .p2 { font-size:20px; margin-top:15px; margin-left:-10px; }
	.aArea .txt .p2 span { display:none; }
	.aArea .txt .p3 { font-size:16px; margin-top:15px; }
	.aArea .txt .p4 { font-size:16px; margin-top:15px; }
	.aArea .txt .p5 { font-size:14px; margin-top:15px; line-height:1.7; }
	.aArea .txt .p6 { margin-top:20px; }
}

@keyframes down_btn2 {
    /*  */
    0%
	{
        left: -150px;

    }
    50% {
        left: 300px;


    }
	100%
	{
        left: -150px;

    }
}
@keyframes down_btn3 {
    /*  */
    0%
	{
        right: -150px;

    }
    50% {
        right: 100px;


    }
	100%
	{
        right: -150px;

    }
}

.aArea01 { position:absolute; left:0; right:0; top:50%; transform: translateY(-50%); margin-top:40px; z-index:2; }
.aArea01 .wrap { padding:0 6%; box-sizing: border-box; }
.aArea01 .txt { float:left; width:46.5%; }
.aArea01 .txt .p1 { width:17px; height:5px; background:#cf121b; }
.aArea01 .txt .p2 { font-size:50px; margin-top:30px; font-weight:bold; color:#000; line-height:1.1; font-family:"Arial"; text-transform:uppercase; }
.aArea01 .txt .p3 { font-size:34px; margin-top:30px; color:#000; line-height:1.1; }
.aArea01 .txt .p4 { font-size:14px; margin-top:55px; color:#666; line-height:20px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:5; }
.aArea01 .txt .p5 { margin:50px 0; line-height:1.1; }
.aArea01 .txt .p5 ul li { float:left; text-align:center; margin-right:12%; font-size:14px; color:#272727; }
.aArea01 .txt .p5 ul li:last-child { margin-right:0; }
.aArea01 .txt .p5 ul li .p41 i { font-size:60px; color:#d0121b; font-family:"黑体"; }
.aArea01 .txt .p5 ul li .p42 { margin-top:15px; }

.aArea01 .pic { float:right; width:565px; padding-top:70px; color:#1b1b1b; }
.aArea01 .pic .pic01 .p1 { font-size:42px; line-height:1.8; text-align:right; }
.aArea01 .pic .pic01 .p1  p span { display:inline-block; }
.aArea01 .pic .pic01 .p1  p span:nth-child(1) { margin-right:25px; }
.aArea01 .pic .pic01 .p2 { font-size:16px; margin-top:30px; text-align:right; }
.aArea01 .pic .pic01 .p2 i { position:relative; display:inline-block; }
.aArea01 .pic .pic01 .p2 i:before { position:absolute; display:block; content:""; top:50%; width:65px; height:1px; background:#1b1b1b; left:-90px; z-index:2; }
.aArea01 .pic .pic02 { margin-top:35px; text-align:center; }
.aArea01 .pic .pic02 img { max-width:100%; }

@media all and (max-width:1680px){
	.aArea01 .wrap { padding:0; }
	.aArea01 .txt { float:left; width:calc(100% - 650px); }
	.aArea01 .txt .p2 { font-size:40px; margin-top:30px; }
	.aArea01 .txt .p3 { font-size:30px; margin-top:30px; }
	.aArea01 .txt .p4 { font-size:14px; margin-top:40px; }
	.aArea01 .txt .p5 { margin:40px 0; line-height:1.1; }
	.aArea01 .txt .p5 ul li .p41 i { font-size:50px; }
	
	.aArea01 .pic { float:right; width:565px; padding-top:20px; }
	.aArea01 .pic .pic01 .p1 { font-size:38px; }
}
@media all and (max-width:1200px){
	.aArea01 { position:relative; top:auto; transform: translateY(0); margin-top:0; padding:60px 0; z-index:5; }
	
	.aArea01 .txt { float:left; width:calc(100% - 550px); }
	.aArea01 .txt .p2 { font-size:32px; margin-top:25px; }
	.aArea01 .txt .p3 { font-size:28px; margin-top:25px; }
	.aArea01 .txt .p4 { font-size:14px; margin-top:30px; }
	.aArea01 .txt .p5 { margin:30px 0; line-height:1.1; }
	.aArea01 .txt .p5 ul li .p41 i { font-size:40px; }
	
	.aArea01 .pic { float:right; width:500px; padding-top:0; }
	.aArea01 .pic .pic01 .p1 { font-size:30px; }
}
@media all and (max-width:1000px){
	.aArea01 { position:relative; top:auto; transform: translateY(0); margin-top:0; padding:60px 0; z-index:5; }
	
	.aArea01 .txt { float:none; width:100%; }
	.aArea01 .txt .p2 { font-size:32px; margin-top:25px; }
	.aArea01 .txt .p3 { font-size:28px; margin-top:25px; }
	.aArea01 .txt .p4 { font-size:14px; margin-top:30px; }
	.aArea01 .txt .p5 { margin:30px 0; line-height:1.1; }
	.aArea01 .txt .p5 ul li .p41 i { font-size:40px; }
	
	.aArea01 .pic { float:none; width:100%; padding-top:30px; }
	.aArea01 .pic .pic01 { width:300px; margin:0 auto; }
	.aArea01 .pic .pic01 .p1 { font-size:20px; }
	.aArea01 .pic .pic01 .p2 { font-size:14px; margin-top:20px; }
	.aArea01 .pic .pic01 .p2 i:before { width:40px; left:-50px; z-index:2; }
}
@media all and (max-width:750px){
	.aArea01 { padding:30px 0; }
	
	.aArea01 .txt { float:none; width:100%; }
	.aArea01 .txt .p2 { font-size:32px; margin-top:25px; display:none; }
	.aArea01 .txt .p3 { font-size:20px; margin-top:20px; }
	.aArea01 .txt .p4 { font-size:14px; margin-top:20px; -webkit-line-clamp:10; }
	.aArea01 .txt .p5 { margin:30px 0; line-height:1.1; }
	.aArea01 .txt .p5 ul { display: flex; flex-direction: row; justify-content: space-between; }
	.aArea01 .txt .p5 ul li { float:none; margin-right:0; font-size:14px; }
	.aArea01 .txt .p5 ul li .p41 i { font-size:30px; }
	.aArea01 .txt .p5 ul li .p42 { margin-top:5px; padding:0 10px; line-height:1.5; }
	
	.aArea01 .pic { float:none; width:100%; padding-top:30px; }
	.aArea01 .pic .pic01 { width:300px; margin:0 auto; }
	.aArea01 .pic .pic01 .p1 { font-size:20px; }
	.aArea01 .pic .pic01 .p2 { font-size:14px; margin-top:20px; }
	.aArea01 .pic .pic01 .p2 i:before { width:40px; left:-50px; z-index:2; }
}
@media all and (max-width:400px){
	.aArea01 .pic .pic01 { width:100%; margin:0 auto; }
	.aArea01 .pic .pic01 .p1 { font-size:18px; }
	.aArea01 .pic .pic01 .p2 { font-size:14px; margin-top:20px; }
}


.bArea { position:absolute; top:0; left:0; right:0; bottom:0; padding-top:13vh; box-sizing: border-box; z-index:2; }
.bArea:before { position:absolute; left:0; width:calc(50% - 570px); top:0; bottom:0; background:url(b01.png) no-repeat center bottom #d0121b; background-size:contain; display:block; content:""; z-index:-1; }
.bArea01 { position:absolute; left:0; right:0; top:50%; transform: translateY(-50%); margin-top:40px; z-index:2; }
.bArea .hd { float:left; width:300px; z-index:5; }
.bArea .hd .p1 { font-size:48px; color:#fff; padding-left:25px; line-height:1; }
.bArea .hd ul { margin-top:60px; }
.bArea .hd ul li { position:relative; padding-right:80px; cursor:pointer; }
.bArea .hd ul li:before { position:absolute; width:90px; display:block; content:""; top:0; left:-90px; bottom:0; z-index:0; }
.bArea .hd ul li:after { position:absolute; width:80px; display:none; content:""; height:1px; background:#919191; top:50%; right:0; z-index:1; }
.bArea .hd ul li .clearfix { border-bottom: 1px solid rgba(255,255,255,0.2); padding:40px 10px; }

@keyframes jello {
    0%,11.1%,100% {
        transform: none;
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        transform: skewX(-0.195312deg) skewY(-0.195312deg);
    }
}


.bArea .hd ul li .p21 { float:left; width:70px; transition: all 0.4s; }
.bArea .hd ul li:hover .p21{animation: jello 1.4s;}
.bArea .hd ul li .p21 img { width:30px; height:auto; }
.bArea .hd ul li .p21 .img02 { display:none; }
.bArea .hd ul li .p22 { float:left; width:calc(100% - 70px); line-height:35px; color:#fff; font-size:22px; }

.bArea .hd ul li.on { background:#fff; }
.bArea .hd ul li.on:before { background:#fff; }
.bArea .hd ul li.on:after { display:block; }
.bArea .hd ul li.on .p21 .img01 { display:none; }
.bArea .hd ul li.on .p21 .img02 { display:block; }
.bArea .hd ul li.on .p22 { color:#000; font-weight:bold; }

.bArea .bd { float:right; width:calc(100% - 450px); }
.bArea .bd .txt .p1 { float:left; width:300px; line-height:1.1; color:#000; }
.bArea .bd .txt .p1 .p11 { width:17px; height:5px; background:#d0121b; animation: inWidth 3s forwards;}
.bArea .bd .txt .p1 .p12 { font-size:30px; margin-top:40px; font-weight:bold; font-family:"Arial"; text-transform:capitalize; }
.bArea .bd .txt .p1 .p13 { font-size:45px; margin-top:25px; }

@keyframes inWidth {
	0%{width: 17px;}
	100%{width: 50px;}
}


.bArea .bd .txt .p2 { float:right; width:calc(100% - 325px); padding-top:40px; }
.bArea .bd .txt .p2 .p21 { font-size:14px; line-height:35px; height:70px; color:#000; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.bArea .bd .txt .p2 .p22 { margin-top:30px; }

.bBox { position:relative; margin-top:80px; }
.bBox .hd01 { position:absolute; left:0; right:0; top:0; bottom:0; z-index:2; }
.bBox .hd01 ul { height:100%; }
.bBox .hd01 ul li { position:relative; float:left; width:28%; height:100%; padding:120px 50px 0 50px; border-right:1px solid rgba(255,255,255,0.2); box-sizing: border-box; cursor:pointer; transition: all 0.6s; }
.bBox .hd01 ul li .p1 { font-size:16px; color:rgba(255,255,255,0.5); display:none; }
.bBox .hd01 ul li .p2 { font-size:30px; color:#fff; margin-top:0; }
.bBox .hd01 ul li .p3 { width:42px; height:5px; background:#d0121b; margin-top:30px; }
.bBox .hd01 ul li .p4 { font-size:16px; color:rgba(255,255,255,0.5); margin-top:30px; }
.bBox .hd01 ul li .p4 a { display:block; color:rgba(255,255,255,0.5); }
.bBox .hd01 ul li .p5 { font-size:16px; color:rgba(255,255,255,0.5); margin-top:30px; line-height:1.7; display:none; }
.bBox .hd01 ul li .p5 a { color:#fff; display:none; }

.bBox .hd01 ul li.on { width:44%; background:rgba(0,0,0,0.6); }
.bBox .hd01 ul li.on .p5 { display:block; }
 

.bBox .bd01 { position:relative; }
.bBox .bd01:before { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.2); display:block; content:""; z-index:1; }


.bBox02 .hd01 ul li { width:19.5%; }
.bBox02 .hd01 ul li.on { width:22%; }

.bBox04 .hd01 ul li { width:40%; }
.bBox04 .hd01 ul li.on { width:60%; }

/*
.bBox05 .hd01 ul li { width:50%; }
.bBox05 .hd01 ul li .p5 { display:block; }
.bBox05 .hd01 ul li.on { width:50%; }
*/

.bCon { margin-top:80px; }
.bCon ul li { position:relative; float:left; width:50%; }
.bCon ul li .pic { position:relative; }
.bCon ul li .pic p { position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.2); display:block; content:""; z-index:1; }
.bCon ul li .txtaaa { position:absolute; left:50px; right:50px; top:50%; transform: translateY(-50%); z-index:2; }
.bCon ul li .txtaaa .p2 { font-size:30px; color:#fff; margin-top:0; }
.bCon ul li .txtaaa .p3 { width:42px; height:5px; background:#d0121b; margin-top:30px; }
.bCon ul li .txtaaa .p4 { font-size:16px; color:rgba(255,255,255,0.5); margin-top:30px; }
.bCon ul li .txtaaa .p4 a { display:block; color:rgba(255,255,255,0.5); }
.bCon ul li .txtaaa .p5 { font-size:16px; color:rgba(255,255,255,0.5); margin-top:30px; line-height:1.7; }
.bCon ul li .txtaaa .p5 a { color:#fff; display:none; }


@media all and (min-width:1280px){
	.bBox .hd01 ul li .p4:hover a { width:130px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; background:#d0121b; border-radius:5px; }
	.bBox .hd01 ul li .p4:hover a i { position:relative; display:inline-block; padding-right:25px; }
	.bBox .hd01 ul li .p4:hover a i:before { position:absolute; right:0; top:50%; margin-top:-6px; display:block; content:""; width:14px; height:12px; background:url(jt03.png) no-repeat center; z-index:1; transform: rotate(35deg); }
	
	.bCon ul li .txtaaa .p4:hover a { width:130px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; background:#d0121b; border-radius:5px; }
	.bCon ul li .txtaaa .p4:hover a i { position:relative; display:inline-block; padding-right:25px; }
	.bCon ul li .txtaaa .p4:hover a i:before { position:absolute; right:0; top:50%; margin-top:-6px; display:block; content:""; width:14px; height:12px; background:url(jt03.png) no-repeat center; z-index:1; transform: rotate(35deg); }
}
 

@media all and (max-width:1780px){
 
	.bArea:before { width:calc(50% - 570px); }
	.bArea .hd { width:300px; }
	.bArea .hd .p1 { font-size:30px; padding-left:20px; }
	.bArea .hd ul { margin-top:50px; }
	.bArea .hd ul li { padding-right:50px; }
	.bArea .hd ul li:before { width:90px; left:-90px; }
	.bArea .hd ul li:after { width:50px; }
	.bArea .hd ul li .clearfix { padding:35px 10px; }

	.bArea .hd ul li .p21 { float:left; width:60px; }
	.bArea .hd ul li .p22 { float:left; width:calc(100% - 60px); font-size:18px; }
 
	.bArea .bd { float:right; width:calc(100% - 450px); }
	.bArea .bd .txt .p1 { width:250px; }
	.bArea .bd .txt .p1 .p12 { font-size:30px; margin-top:30px; }
	.bArea .bd .txt .p1 .p13 { font-size:35px; margin-top:20px; }

	.bArea .bd .txt .p2 { float:right; width:calc(100% - 290px); padding-top:30px; }
	.bArea .bd .txt .p2 .p21 { font-size:14px; line-height:25px; height:50px; }
	.bArea .bd .txt .p2 .p22 { margin-top:20px; }

	.bBox {  margin-top:50px; }
	.bBox .hd01 ul li { padding:90px 50px 0 50px; }
	.bBox .hd01 ul li .p1 { font-size:16px; }
	.bBox .hd01 ul li .p2 { font-size:30px;  margin-top:0; }
	.bBox .hd01 ul li .p3 { width:42px; height:5px; margin-top:30px; }
	.bBox .hd01 ul li .p4 { font-size:16px; margin-top:30px; }
	.bBox .hd01 ul li .p5 { font-size:16px; margin-top:30px; line-height:1.7; }
	
	.bCon { margin-top:50px; }
	.bCon ul li .txtaaa .p2 { font-size:30px; }
	.bCon ul li .txtaaa .p3 { width:42px; height:5px; margin-top:30px; }
	.bCon ul li .txtaaa .p4 { font-size:16px; margin-top:30px; }
	.bCon ul li .txtaaa .p5 { font-size:16px; margin-top:30px; line-height:1.7; }
}
@media all and (max-width:1680px){
 
	.bArea:before { width:calc(50% - 350px); }
	.bArea .hd { width:250px; }
	.bArea .hd .p1 { font-size:24px; padding-left:20px; }
	.bArea .hd ul { margin-top:30px; }
	.bArea .hd ul li { padding-right:30px; }
	.bArea .hd ul li:before { width:240px; left:-240px; }
	.bArea .hd ul li:after { width:30px; }
	.bArea .hd ul li .clearfix { padding:20px 10px; }

	.bArea .hd ul li .p21 { float:left; width:50px; }
	.bArea .hd ul li .p22 { float:left; width:calc(100% - 50px); font-size:18px; }
 
	.bArea .bd { float:right; width:calc(100% - 300px); }
	.bArea .bd .txt .p1 { width:200px; }
	.bArea .bd .txt .p1 .p12 { font-size:24px; margin-top:20px; }
	.bArea .bd .txt .p1 .p13 { font-size:30px; margin-top:15px; }

	.bArea .bd .txt .p2 { float:right; width:calc(100% - 250px); padding-top:20px; }
	.bArea .bd .txt .p2 .p21 { font-size:14px;  }
	.bArea .bd .txt .p2 .p22 { margin-top:15px; }

	.bBox {  margin-top:30px; }
	.bBox .hd01 ul li { padding:50px 20px 0 20px; }
	.bBox .hd01 ul li .p1 { font-size:14px;   }
	.bBox .hd01 ul li .p2 { font-size:20px; margin-top:0; }
	.bBox .hd01 ul li .p3 { width:42px; height:5px; margin-top:20px; }
	.bBox .hd01 ul li .p4 { font-size:14px; margin-top:20px; }
	.bBox .hd01 ul li .p5 { font-size:14px; margin-top:20px; }
	
	.bCon { margin-top:30px; }
	.bCon ul li .txtaaa { left:20px; right:20px; }
	.bCon ul li .txtaaa .p2 { font-size:20px; }
	.bCon ul li .txtaaa .p3 { width:42px; height:5px; margin-top:20px; }
	.bCon ul li .txtaaa .p4 { font-size:14px; margin-top:20px; }
	.bCon ul li .txtaaa .p5 { font-size:14px; margin-top:20px; line-height:1.7; }
}
@media all and (max-width:1280px){
	.bArea:before { width:calc(4% + 200px); }
	.bArea .hd { width:200px; }

	.bArea .bd { float:right; width:calc(100% - 250px); }
}
@media all and (max-width:1200px){
	
	.bArea { position:relative; padding:60px 0; }
	.bArea:before { width:calc(4% + 200px); }
	.bArea01 { position:relative; top:auto; transform: translateY(0); margin-top:0; }
 
	.bArea .hd { width:200px; }

	.bArea .bd { float:right; width:calc(100% - 250px); }
	
	.bBox .hd01 ul li .p2 { font-size:16px; }
	
	.bCon { margin-top:30px; }
	.bCon ul li .txtaaa .p2 { font-size:16px; }
	.bCon ul li .txtaaa .p3 { width:42px; height:5px; margin-top:20px; }
	.bCon ul li .txtaaa .p4 { font-size:14px; margin-top:20px; }
	.bCon ul li .txtaaa .p5 { font-size:14px; margin-top:20px; line-height:1.7; }
}
@media all and (max-width:1000px){
	
	.bArea { position:relative; padding:0 0 60px; }
	.bArea:before { display:none; }
	.bArea .g-in { width:100%; }
	 
	.bArea .hd { float:none; width:100%; background:#d0121b; padding:60px 4% 0; box-sizing: border-box; }
	.bArea .hd .p1 { font-size:22px;  padding-left:0; text-align:center; }
	.bArea .hd ul li { float:left; width:20%; padding-right:0; text-align:center; border-bottom:3px solid #d0121b; }
	.bArea .hd ul li:before { display:none!important; }
	.bArea .hd ul li:after { display:none!important; }
	.bArea .hd ul li .clearfix { border-bottom: 1px solid rgba(255,255,255,0.2); padding:20px 5px; }

	.bArea .hd ul li .p21 { float:none; width:100%; text-align:center; height:35px; }
	.bArea .hd ul li .p21 .img02 { display:none; }
	.bArea .hd ul li .p22 { float:none; width:100%; line-height:25px; font-size:16px; margin-top:5px; }

	.bArea .hd ul li.on { background:none;  border-color:#fff; }
	.bArea .hd ul li.on:before { background:#fff; }
	.bArea .hd ul li.on:after { display:block; }
	.bArea .hd ul li.on .p21 .img01 { display:inline-block; }
	.bArea .hd ul li.on .p21 .img02 { display:none; }
	.bArea .hd ul li.on .p22 { color:#fff; font-weight:bold; }
	
	.bArea .bd { float:none; width:100%; margin-top:40px; padding:0 4%; box-sizing: border-box; }
	
	.bBox .hd01 ul li .p2 { font-size:16px; }
}
@media all and (max-width:750px){
	
	.bArea { position:relative; padding:0 0 30px; }
 
	.bArea .hd { padding:30px 4% 0; }
	.bArea .hd ul li .clearfix { border-bottom:none; padding:15px 5px; }
	 
	.bArea .hd ul li .p21 { height:30px; }
	.bArea .hd ul li .p21 img { height:25px; width:auto; }
	.bArea .hd ul li .p22 { line-height:20px; height:40px; font-size:14px; margin-top:5px; }
 
	.bArea .bd { float:none; width:100%; margin-top:40px; padding:0 4%; box-sizing: border-box; }
	
	.bArea .bd .txt .p1 { float:none; width:100%; }
	.bArea .bd .txt .p1 .p12 { font-size:20px; margin-top:10px; }
	.bArea .bd .txt .p1 .p13 { font-size:20px; margin-top:10px; }

	.bArea .bd .txt .p2 { float:none; width:100%; padding-top:20px; }
	.bArea .bd .txt .p2 .p21 { font-size:14px;  }
	.bArea .bd .txt .p2 .p22 { margin-top:15px; }

	.bBox { margin-top:30px; }
	.bBox .hd01 ul li { position:relative; width:33.33%; height:100%; padding:0; text-align:center; }
	.bBox .hd01 ul li .dd { position:absolute; left:4%; top:50%; right:4%; transform: translateY(-50%); z-index:2; }
	.bBox .hd01 ul li .p1 { font-size:14px; display:none;  }
	.bBox .hd01 ul li .p2 { font-size:16px; margin-top:0; }
	.bBox .hd01 ul li .p3 { margin-top:20px;  display:none; }
	.bBox .hd01 ul li .p4 { font-size:14px; margin-top:10px; }
	.bBox .hd01 ul li .p5 { font-size:14px; margin-top:10px; line-height:1.6; display:none; }
 
	.bBox .hd01 ul li.on { width:33.33%; background:none; }
	.bBox .hd01 ul li.on .p4 { display:block; }
	.bBox .hd01 ul li.on .p5 { display:none; }
	
	.bBox .bd01 img { min-height:180px; }
	
	.bBox04 .hd01 ul li { width:50%; }
	.bBox04 .hd01 ul li.on { width:50%; }

	.bBox05 .hd01 ul li { width:50%; }
	.bBox05 .hd01 ul li.on { width:50%; }
	
	.bCon { margin-top:30px; }
	.bCon ul li .pic img { min-height:180px; }
	.bCon ul li .txtaaa { left:4%; right:4%; text-align:center; }
	.bCon ul li .txtaaa .p2 { font-size:16px; }
	.bCon ul li .txtaaa .p3 { width:42px; height:5px; margin-top:20px;  display:none; }
	.bCon ul li .txtaaa .p4 { font-size:14px; margin-top:10px; }
	.bCon ul li .txtaaa .p5 { font-size:14px; margin-top:10px; line-height:1.6; display:none; }
}
@media all and (max-width:450px){
	 
	.bBox .hd01 ul li { width:50%; }
	.bBox .hd01 ul li:nth-child(3) { display:none; }
	
	.bBox .hd01 ul li.on { width:50%; background:none; }
}

.cArea { position:absolute; left:0; right:0; top:50%; transform: translateY(-50%); margin-top:40px; z-index:2; }
.cArea01 { float:left; width:350px; padding-top:50px; line-height:1.1; color:#000; }
.cArea01 .p1 { width:17px; height:5px; background:#d0121b; }
.cArea01 .p2 { font-size:50px; margin-top:40px; font-weight:bold; font-family:"Arial"; text-transform:capitalize; }
.cArea01 .p3 { font-size:45px; margin-top:25px; }
.cArea01 .p4 { margin-top:140px; }
.cArea01 .p4 .p41 { display:inline-block; width:60px; height:60px; margin-right:15px; cursor:pointer; }
.cArea01 .p4 .prev-04 { background:url(c01.png) no-repeat center; background-size:contain!important; }
.cArea01 .p4 .next-04 { background:url(c02.png) no-repeat center; background-size:contain!important; }
.cArea01 .p4 .prev-04:hover { background:url(c03.png) no-repeat center; }
.cArea01 .p4 .next-04:hover { background:url(c04.png) no-repeat center; }
.cArea01 .p5 { margin-top:60px; }
.cArea01 .p5 a { display:inline-block; width:120px; height:40px; text-align:center; line-height:40px; border:1px solid #cf121b; border-radius:5px; color:#cf121b; font-size:18px; margin-right:10px; }
.cArea01 .p5 a:hover { background:#cf121b; color:#fff; }

.cArea02 { float:right; width:calc(100% - 440px); }
.cArea02 .btn { display:none; margin-top:30px; text-align:center; }
.cArea02 .btn .p41 { display:inline-block; width:35px; height:35px; cursor:pointer; }
.cArea02 .btn .prev-04 { background:url(c01.png) no-repeat center; background-size:contain!important; margin-right:15px; }
.cArea02 .btn .next-04 { background:url(c02.png) no-repeat center; background-size:contain!important; }

.cArea02 .swiper-slide a {display:block;padding: 20px 5px 5px 5px;}
.cArea02 .swiper-slide a .txt {padding:50px 35px;line-height:1.1;transition: all 0.4s;}
.cArea02 .swiper-slide .p1 { font-size:14px; color:#d0121b; }
.cArea02 .swiper-slide .p2 { font-size:18px; line-height:32px; height:64px; margin-top:25px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.cArea02 .swiper-slide .p3 { margin-top:40px; }
.cArea02 .swiper-slide .p4 { font-size:14px; line-height:25px; height:70px; margin-top:35px; color:#525252; overflow:hidden; text-overflow:ellipsis; display:-webkit-box;  -webkit-box-orient:vertical; -webkit-line-clamp:3; }
.cArea02 .swiper-slide .p5 { position:relative; width:100%; height:1px; margin-top:40px; background:#d8d8d8; }
.cArea02 .swiper-slide .p5:before { position:absolute; left:0; width:0; bottom:0; height:1px; display:block; content:""; background:#d0121b; z-index:2; transition: all 0.6s; }

.cArea02 .swiper-slide .p6 { margin-top:30px; font-size:16px; color:#666; background:url(c05.png) no-repeat center right; }

.cArea02 .swiper-slide:hover {/* background:#fbfbfb; */}
.cArea02 .swiper-slide:hover .txt {box-shadow: #eee 0px 0px 10px;background: #fbfbfb;transform: translateY(-20px);}
.cArea02 .swiper-slide:hover .p2 { font-weight:bold; color:#000; }
.cArea02 .swiper-slide:hover .p5:before { width:100%; }

@media all and (max-width:1780px){
  
	.cArea01 .p2 { font-size:40px; margin-top:30px; }
	.cArea01 .p3 { font-size:35px; margin-top:20px; }
 
}
@media all and (max-width:1680px){
	.cArea01 { float:left; width:250px; padding-top:30px; }
	.cArea01 .p2 { font-size:34px; margin-top:20px; }
	.cArea01 .p3 { font-size:30px; margin-top:15px; }
	.cArea01 .p4 { margin-top:80px; }
	.cArea01 .p4 .p41 { width:40px; height:40px; margin-right:15px; }
 
	.cArea01 .p5 { margin-top:40px; }
	.cArea01 .p5 a { width:100px; height:40px; line-height:40px; font-size:16px; }
	
	.cArea02 { float:right; width:calc(100% - 350px); }
 
	.cArea02 .swiper-slide a {padding: 20px 5px 5px 5px;}
	.cArea02 .swiper-slide a .txt { padding:30px 15px; }
	.cArea02 .swiper-slide .p1 { font-size:14px; }
	.cArea02 .swiper-slide .p2 { font-size:16px; line-height:25px; height:50px; margin-top:15px; }
	.cArea02 .swiper-slide .p3 { margin-top:20px; }
	.cArea02 .swiper-slide .p4 { font-size:14px; line-height:25px; height:50px; margin-top:20px; -webkit-line-clamp:2; }
	.cArea02 .swiper-slide .p5 { margin-top:20px; }
	.cArea02 .swiper-slide .p6 { margin-top:15px; font-size:14px; }
 
}
@media all and (max-width:1200px){
	.cArea { position:relative; top:auto; transform: translateY(0); margin-top:0; padding:60px 0; }
	.cArea01 { float:none; width:100%; padding-top:0; text-align:center; }
	.cArea01 .p1 { margin:0 auto; }
	 
	.cArea01 .p4 { display:none; }
	 
	.cArea01 .p5 { margin-top:30px; }
 
	.cArea02 { float:none; width:100%; margin-top:40px; }
	.cArea02 .btn { display:block; }
	
	
	.cArea02 .swiper-slide .txt { box-shadow: #eee 0px 0px 10px; }
}
@media all and (max-width:750px){
	.cArea { padding:30px 0; }
 
	.cArea01 .p2 { font-size:20px; margin-top:10px; }
	.cArea01 .p3 { font-size:20px; margin-top:10px; }
	.cArea01 .p5 a { width:90px; height:30px; line-height:30px; font-size:14px; }
 
}

.dArea { position:absolute; left:0; right:0; top:50%; transform: translateY(-50%); margin-top:40px; z-index:2; }
.dArea01 { width:690px; }
.dArea01 .p1 { width:17px; height:5px; background:#d0121b; }
.dArea01 .p2 { font-size:45px; margin-top:40px; }
.dArea01 .p2 span {  font-weight:bold; font-family:"Arial"; text-transform:capitalize; }
.dArea01 .p3 { font-size:14px; margin-top:25px; line-height:2.3; color:#666; }
.dArea01 .p4 { margin-top:75px; }
/*
.dArea01 .p4 a { display:inline-block; width:120px; height:40px; text-align:center; line-height:40px; border-radius:5px; background:#cf121b; color:#fff; font-size:18px; margin-right:10px; }
*/
 
.dArea02 { position:absolute; right:0; bottom:0; width:45.625%; z-index:2;  display:none; }



@media all and (max-width:1780px){
	.dArea01 .p2 { font-size:40px; margin-top:30px; }
 
}
@media all and (max-width:1680px){
	.dArea01 { width:50%; }
	 
	.dArea01 .p2 { font-size:34px; margin-top:20px; line-height:2; }
  
}
@media all and (max-width:1200px){
	.dArea { position:relative; top:auto; transform: translateY(0); margin-top:0; padding:60px 0 150px; }
	.dArea01 { width:100%; }
	.dArea02 { position:relative; right:auto; bottom:auto; width:90%; margin:0 auto; }
	
}
@media all and (max-width:750px){
	.dArea { padding:30px 0 150px; }
	
	
 
	.dArea01 .p2 { font-size:20px; margin-top:10px; }
	.dArea01 .p2 span { display:none; }
	.dArea01 .p3 { font-size:14px; margin-top:10px; line-height:1.7; }
	.dArea01 .p4 { margin-top:20px; }
	/*
	.dArea01 .p4 a { width:90px; height:30px; line-height:30px; font-size:14px; }
	*/
 
}



.swiper-slide-active .aArea01 .txt .p1 {
	-webkit-animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .aArea01 .txt .p2 {
	-webkit-animation: fadeInUp 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 1.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .aArea01 .txt .p3 {
	-webkit-animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .aArea01 .txt .p4 {
	-webkit-animation: fadeInUp 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .aArea01 .txt .p5 {
	-webkit-animation: fadeInUp 3s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 3s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .aArea01 .txt .p6 {
	-webkit-animation: fadeInUp 3.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 3.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


.swiper-slide-active .aArea01 .pic .p1 p {
	-webkit-animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .aArea01 .pic .p2 {
	-webkit-animation: fadeInUp 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 2.5s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .aArea01 .pic02 {
	-webkit-animation: fadeInUp 3s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInUp 3s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


.swiper-slide-active .aArea .txt {
	-webkit-animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .aArea .pic {
	-webkit-animation: fadeInRight 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInRight 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.swiper-slide-active .bArea01 .hd {
	-webkit-animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .bArea01 .bd {
	-webkit-animation: fadeInRight 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInRight 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.swiper-slide-active .cArea01 {
	-webkit-animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .cArea02 {
	-webkit-animation: fadeInRight 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInRight 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.swiper-slide-active .dArea01 {
	-webkit-animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInLeft 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}
.swiper-slide-active .dArea02 {
	-webkit-animation: fadeInRight 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
	animation: fadeInRight 2s 0s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}